<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理中心</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div id="wrap">
        <div class="top">
            <img src="" alt="" class="userPic">
            <span>后台管理中心</span>
            <button class="quitBtn">退出登录</button>
        </div>
        <div class="bottom">
            <div class="left">
                <div>菜单列表</div>
                <div>
                    <h5>项目案例</h5>
                    <ul class="claerfix ulmuse">
                        <li><a href="javascript:void(0)" class="userList">用户列表</a></li>
                        <li><a href="javascript:void(0)" class="addUser">添加书籍</a></li>
                    </ul>
                </div>
                <div>
                    <h5>高级技巧</h5>
                </div>
                <div>
                    <h5>布局响应式</h5>
                </div>
                <div>
                    <h5>动画学习</h5>
                </div>
                <div>
                    <h5>html基础</h5>
                </div>
                <div>
                    <h5 class="last">css基础</h5>
                </div>
            </div>
            <div class="right">
                <div class="head">
                    <div class="tip">首页</div>
                </div>
                <div class="aside">
                </div>
                <!-- <iframe src="" name="content" width="100%" height="100%"></iframe> -->
            </div>
        </div>
    </div>
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/template-web.js"></script>
    <script type="text/html" id='userList'>
        <table class='userListTable'>
            <tr>
                <th>序号</th>
                <th>用户名</th>
                <th>头像</th>
                <th>年龄</th>
                <th>性别</th>
                <th>公司</th>
                <th>操作</th>
            </tr>
            {{each ulist}}
            <tr>
                <td>{{$value.uid}}</td>
                <td>{{$value.username}}</td>
                <td><img src='{{$value.headerimg}}'></td>
                <td>{{$value.age}}</td>
                <td>{{$value.sex==0?'男':'女'}}</td>
                <td>{{$value.company}}</td>
                <td><button type="button" class="delectBtn" onclick="deleteBtn({{$value.uid}})">删除</button></td>
            </tr>
            {{/each}}
        </table>
    </script>
    <script type="text/html" id='productAdd'>
        <div class="book-add-wrapper">
            <form>
                <div class="item">
                    <label for="">书籍名称: </label>
                    <input type="text" name="bookname" class="y-input">
                </div>
                <div class="item">
                    <label for="">书籍价格: </label>
                    <input type="text" name="bookprice" class="y-input">
                </div>
                <div class="item">
                    <label for="">书籍图片: </label>
                    <input type="text" name="bookpicture" class="y-input">
                </div>
                <a href="javascript:void(0)" class="btn item" id="addbookbtn">添加书籍</a>
            </form>
        </div>
    </script>
    <script src="js/index.js"></script>
</body>
</html>